import React,{Component} from 'react'
import {Platform, StyleSheet, Text, View,Image} from 'react-native';
import {Button,InputItem,WhiteSpace} from '@ant-design/react-native'
//import console = require('console');

class Login extends Component{
    constructor(props){
        super(props);
    }
    render(){
     //console.log(this.props)
     const { navigate } = this.props.navigation;
        return(
            <View>
        <View style={styles.container}>
          <Image source={require('../../../res/images/touxiang.jpg')} style={styles.touxiang} style={{borderRadius:50,width:60,height:60,marginTop:150}}></Image>
        </View>
        <InputItem>用户名</InputItem>
        <InputItem>密码</InputItem>
        
          <WhiteSpace/>
          <WhiteSpace/>
          <Button type="primary" size='large' >登录</Button>
          <WhiteSpace/>
          <Button type="primary" size='large' onPress={()=>{navigate('Register',{title:'注册'})}}>注册</Button>
          <WhiteSpace/>
          <Button type="primary" size='large' onPress={()=>{navigate('Main')}}>注册</Button>
          <WhiteSpace/>
          <Button type="primary" size='large' onPress={()=>{navigate('Drawer')}}>注册</Button>
          <WhiteSpace/>
          <Button type="primary" size='large' onPress={()=>{navigate('List')}}>列表</Button>
          <WhiteSpace/>
          <Button type="primary" size='large' onPress={()=>{navigate('List2')}}>列表2</Button>
      </View>
        )
    }
}
const styles = StyleSheet.create({
    container: {
     
      justifyContent: 'center',
      alignItems: 'center',
    },
    touxiang:{
      flex:1,
      justifyContent:'center'
    }
    
  });
export default Login;